import React from "react";
import classnames from "classnames";
import {NavBar,Badge} from '@/ui'
import "./index.less";
export default function Page(props) {
  const { prefixCls = "m-react-page-badge" } = props;
  const className = classnames({
    [prefixCls]: true,
  });
  return (
    <div className={className}>
        <NavBar title='Badge'/>
      <div className="list">
        <Badge text="123" />
      </div>
      <div className="list">
        <Badge dot />
      </div>
      <div className="list">
        <Badge count={80} />
      </div>
      <div className="list">
        <Badge count={1000} />
      </div>
      <div className="list">
        <Badge text="券" style={{ backgroundColor: "yellow", color: "#fff" }} />
      </div>
      <div className="list">
        <div className="text">
          <div className="tip">领取优惠券</div>
          <div className="conner">
            <Badge
              text="券"
              style={{ backgroundColor: "yellow", color: "#fff" }}
            />
          </div>
        </div>
      </div>
    </div>
  );
  return <div></div>;
}
